<template>
  <div class="news ">
    <myhead title="资讯" ></myhead>
    <div v-html="content" ref="news" class="news-box">
      
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      content:""
    }
  },
  mounted(){
    this.$ajax.getMaiZuo({
      'actId': 'ElzMZU125260'
    },{
      'X-Host': 'mall.act.static-page.info'
    })
    .then(res=>{
      console.log(res);
      this.content= res.data.data.content;
      let dpr = window.devicePixelRatio;
      this.$nextTick(()=>{
        this.$refs.news.style.transformOrigin = "0 0 "
        this.$refs.news.style.transform = "scale("+dpr/2+")"; 
      })
    })
  }
}
</script>

<style lang="scss" scoped>
.news{
  width:100%;
  height:100%;
  &-box{
      width:100%;
      height:100%;
  }
}
</style>
